<div style="overflow-x: hidden;">
    <div style="position:absolute;right:10px;top:10px;z-index:90000">
        <button onclick="$('#queryDiv').toggle(200)" id="btnCollapse" style="width:100px;padding: 6px 6px;" class="btn btn-primary" type="button">
            数据查询
        </button>
    </div>
    <div id="queryDiv" style="position: absolute;width: 450px;top: 50px;z-index: 1000;background-color: #FFFFFF;right: 10px;padding: 15px;border-radius: 5px;">
        <form id="searchForm">
            <div class="row">
                <div class="col-md-6 form-horizontal">
                    <div class="form-group">
                        <label for="yearSelect" class="col-md-4 control-label"></span>年度:</label>
                        <div class="col-md-8">
                            <select class="form-control easyui-combobox" id="yearSelect" name="yearSelect"></select>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 form-horizontal">
                    <div class="form-group">
                        <label class="col-md-4 control-label"></span>震级:</label>
                        <div class="col-md-8">
                            <input id="magnitude" type="text" name="magnitude" class="form-control">
                        </div>
                    </div>
                </div>
            </div>
            <div class="row" style="text-align: center;">
                <div class="form-group">
                    <button id="btnSearch" class="btn btn-default" type="button">查询</button>
                    <button id="btnReset" class="btn btn-default" type="button">重置</button>
                    <button id="btnExport" class="btn btn-default" type="button">导出</button>
                </div>
            </div>
        </form>
    </div>
    <div id="fx-SLQ-mapDiv"></div>
    <div id="fx-SLQ-attributes" style="position:absolute;top: 180px;right: 20px;z-index: 1000;width: 500px;height: 400px;background-color: #FFFFFF;display: none;">
        <!--
        <div style="position:absolute;width: 20px;height: 20px;right: 0px;background: url('/fxpg/static/app/fxpg/fx_plugins/images/close-btn.png') no-repeat right top;cursor: pointer;z-index: 1;" title="关闭"></div>
        -->
        <div id="fx-SLQ-Grid-Close" style="width: 30px;cursor: pointer;z-index: 1;">关闭</div>
        <div id="fx-SLQ-Grid" style="position: absolute;height: 400px;"></div>
    </div>
    <div id="fx-Area-Ssearch" style="height: 70px;width: 30px;top: 180px;left: 20px;position: absolute;z-index: 1000;background-color: #FFFFFF;cursor: pointer;" title="区域检索">
        <div><img src="/fxpg/static/app/fxpg/fx_plugins/images/area-search.png"/></div>
        <div>区域检索</div>
    </div>
</div>
<style type="text/css">
    .datagrid-row-selected {
        background: #fff;
        color: #000;
    }
    .datagrid-row-click {
        background: #4578ED;
        color: #fff;
    }
</style>